<div class="address-group">
  <div>
    <mat-form-field>
      <mat-select placeholder="请选择省份" [(ngModel)]="_address.province" (change)="onProvinceChange()">
        <mat-option *ngFor="let p of provinces$ | async" [value]="p">
          {{p}}
        </mat-option>
      </mat-select>
    </mat-form-field>
  </div>
  <div>
    <mat-form-field>
      <mat-select placeholder="请选择城市" [(ngModel)]="_address.city" (change)="onCityChange()">
        <mat-option *ngFor="let c of cities$ | async" [value]="c">
          {{c}}
        </mat-option>
      </mat-select>
    </mat-form-field>
  </div>
  <div>
    <mat-form-field>
      <mat-select placeholder="请选择区域" [(ngModel)]="_address.district" (change)="onDistrictChange()">
        <mat-option *ngFor="let d of district$ | async" [value]="d">
          {{d}}
        </mat-option>
      </mat-select>
    </mat-form-field>
  </div>
  <div class="street">
    <mat-form-field class="full-width">
      <input matInput [(ngModel)]="_address.street" (change)="onStreetChange()" placeholder="请输入街道地址">
      <mat-error></mat-error>
    </mat-form-field>
  </div>
</div>
